<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>天气预报</title>
	<link rel="stylesheet" href="./src/css/main.css">
	<link rel="stylesheet" href="./fontawesome-free-6.6.0-web/css/all.min.css">
	<link rel="stylesheet" href="./src/font/qweather-icons.css">
</head>
<body>
    <div class="weather-container" id="img_weather">
        <div class="weather-info">
            <p id="temp_icon">N/A</p>
            <div class="weather-details">
                <h2 id="temp_now">N/A</h2>
				<h6 id="text_now">N/A</h6>
            </div>
            <div class="location">
                <h3 id="location_now">N/A</h3>
                <div class="alert" id="alert">
                N/A
                </div>
                <div id="alert_new"></div>
            </div>
        </div>
        <div class="forecast">
            <div class="forecast-item">
                <span>今天</span>
				<!-- <i id="today_range_i"></i> -->
				<img src="" id="today_range_i" width="30px" alt="today_range_i">                
				<h6 id="today_range">N/A</h6>
            </div>
            <div class="forecast-item">
                <span>明天</span>
				<!-- <i id="tomorrow_range_i"></i> -->
				<img src="" id="tomorrow_range_i" width="30px" alt="tomorrow_range_i">
				<h6 id="tomorrow_range">N/A</h6>
            </div>
            <div class="forecast-item">
                <span>后天</span>
				<!-- <i id="day_after_tomorrow_range_i"></i> -->
				<img src="" id="day_after_tomorrow_range_i" width="30px" alt="day_after_tomorrow_range_i">               
				<h6 id="day_after_tomorrow_range">N/A</h6>
            </div>
        </div>
		<p class="HFBQ">©所有数据与图标均来自<a href="https://www.qweather.com/app/">和风天气</a></p>
    </div>

<script src="./src/js/main.js" type="module"></script>
</body>
</html>